//
// Project Wok
//
// Copyright IBM Corp, 2016-2017
//
// Licensed under the Apache License, Version 2.0 (the 'License');
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an 'AS IS' BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//

@mixin wok-accordion() {
    margin: 12px 20px 12px 60px;
    padding-bottom: 18px;
    border-bottom: 1px solid $table-border-color;
    overflow: visible;
    clear: both;
    &:first-child {
        margin-top: 24px;
    }
    > h3 {
        margin: 0;
        padding: 0;
        font-size: 26px;
        font-weight: 300;
        height: 44px;
        display: block;
        a {
            color: $brand-primary;
            text-decoration: none;
            display: block;
            padding: 6px 30px;
            margin-left: -30px;
            margin-right: -30px;
            span.accordion-icon {
                margin-left: -52px;
                vertical-align: middle;
                display: inline-block;
                font: normal normal normal 32px/1 FontAwesome;
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                color: $brand-primary;
            }
            &[aria-expanded="false"] {
                span.accordion-icon:before {
                    content: "\f01a";
                }
            }
            &[aria-expanded="true"] {
                span.accordion-icon:before {
                    content: "\f01b";
                }
            }
            span.accordion-text {
                margin-left: 23px;
                display: inline-block;
                vertical-align: middle;
            }
        }
    }
}
